<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
	String path = request.getContextPath();
	
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
		<meta http-equiv="description" content="This is my page">
		<link rel="stylesheet" type="text/css" href="./css/main.css">
		<!--[if IE 7]>
	    <link rel="stylesheet" type="text/css" href="./css/ie7.css">
	<![endif]-->
		<!--[if lte IE 8]>
	    <style type="text/css">
	    	#bio_container ul, #bio_container ol { height:0; overflow:visible; }
			#bio_container ul, #bio_container ol { height:1%; }
	    </style>
	<![endif]-->

		<meta name="description"
			content="A Custom Splash Page and Personal Analytics Dashboard">
		<title>NetCard /Login</title>
	</head>
	<body>
		<div id="content_top" style="display: none;">
		</div>
		<!-- Confirmation messaging added -->
		<div id="msg" style="display: none;">
			<p id="msg-confirm">
				<span class="msg-confirmtext"></span>
			</p>
		</div>
		<div id="doccont">
			<div class="login external">
				<div class="logo">
					<img src="./img/sign_in_logo.png">
				</div>
				<h1>
					Please Sign In, or
					<a href="http://127.0.0.1:8080/NetCardSever/">Register</a>.
				</h1>
				<form action="./jsp/Login" method="post">
					<fieldset>
						<label for="login">
							Email
						</label>
						<input type="text" id="login" name="login">
					</fieldset>
					<fieldset>
						<label for="password">
							Password
						</label>
						<input type="password" id="password" name="password">
					</fieldset>
					<p class="buttons">
						<button type="submit" class="button button-default button-xlarge"
							value="submit">
							<span class="button-content">Sign In</span>
						</button>
						<a class="right small bold"
							style="line-height: 38px; height: 38px;" id="forgot_password"
							href="#"> Forgot your password? </a>
						
					</p>
				</form>
			</div>
		</div>

		<div class="footer">
			<hr class="separator">
			<div class="dark_gray left">
				<a href="#">Home</a>
				<span class="divider">|</span>
				<a href="#">About Us</a>
				<span class="divider">|</span>
				<a href="#">Directory</a>
				<span class="divider">|</span>
				<a href="#">Terms of Use</a>
				<span class="divider">|</span>
				<a href="#">Privacy Policy</a>
				<span class="divider">|</span>
				<a href="#">Contact</a>
				<span class="divider">|</span>
				<a href="#" class="twitter">Follow us on Twitter</a>
			</div>
			<div class="dark_gray right">
				© 2011 AOL Inc. All Rights Reserved.
			</div>
		</div>

		<script type="text/javascript" src="./js/jquery_plus.min.js"></script>
		<script type="text/javascript" src="./js/aboutme.js"></script>

		<div
			style="display: none; z-index: 1000; outline-width: 0px; outline-style: initial; outline-color: initial;"
			class="ui-dialog ui-widget ui-widget-content ui-corner-all "
			tabindex="-1" role="dialog" aria-labelledby="ui-dialog-title-dialog">
			<div
				class="ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix">
				<span class="ui-dialog-title" id="ui-dialog-title-dialog">Forgot
					Password</span><a href="https://about.me/login#"
					class="ui-dialog-titlebar-close ui-corner-all" role="button"><span
					class="ui-icon ui-icon-closethick">close</span> </a>
			</div>
			<div id="dialog" style="" class="ui-dialog-content ui-widget-content">
				<form>
					<label id="forgot_label" for="password">
						Username or email address
					</label>
					<input type="text" id="identifier" name="identifier">
				</form>
			</div>
			<div
				class="ui-dialog-buttonpane ui-widget-content ui-helper-clearfix">
				<div class="ui-dialog-buttonset">
					<button type="button">
						Confirm
					</button>
				</div>
			</div>
		</div>


	</body>
</html>